<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<script type="text/javascript">
	$(function() {
		$("#bbb ul li").click(function() {
			var obj = $(this).attr("src");
			$("#ddd").load(obj);
		});
	});
</script>
<style type="text/css">
#bbb {
	width: 15%;
	height: 100%;
	float: left;
	position: relative;
	background: #66FFFF;
	border: 1px solid black;
}

#ddd {
	width: 85%;
	height: 100%;
	float: right;
	border: 1px solid black;
}
</style>
	<div id="bbb">
		<ul class="list-unstyled">
			<li class="ccc" src="${pageContext.request.contextPath}/user_cj?id=${str.id}">查看个人成绩</li>
			<li class="ccc" src="${pageContext.request.contextPath}/cless_cj?xsid=${str.id}">查看全班成绩</li>
			<li class="ccc" 
				src="${pageContext.request.contextPath}/abc/modifypwd.jsp">修改密码</li>
		</ul>
	</div>
	
	<div id="ddd"></div>